<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<base href="<%=basePath%>">
<!-- Basic Page Needs
  ================================================== -->
<meta charset="utf-8">
<title>ChinaZ</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Mobile Specific Metas
  ================================================== -->

<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS
  ================================================== -->
<link rel="stylesheet" href="css/zerogrid.css">
<link rel="stylesheet" href="css/slide.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
 <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/checkout.css" rel="stylesheet" type="text/css"
	media="all" />
<link rel="stylesheet" type="text/css" href="css/default.css">
<!--[if IE]>
	<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet"
	type="text/css">
<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800'
	rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="css/flexslider.css" type="text/css"
	media="screen" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords"
	content="Spicemystery Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery-2.1.1.min.js"></script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css"
	media="screen" />
<link href="//cdn.bootcss.com/jquery-confirm/3.1.0/jquery-confirm.min.css" rel="stylesheet">
<script src="js/simpleCart.min.js">
	
</script>
<script src="js/jquery.fly.min.js"></script>
<script src="js/bootstrap.js"></script>

<!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
      </div>
    <![endif]-->
<!--[if lt IE 9]>
		<script src="js/html5.js"></script>
		<script src="js/css3-mediaqueries.js"></script>
	<![endif]-->

</head>
<body>
	<div class="wrap-body">
		<!--////////////////////////////////////Header-->
		<header class="home-header">
			<div class="zerogrid">
				<div class="logo"><div><img src="images/foodLogo.jpg" /></div></div>
				<div class="logo-title">智能点餐系统</div>
			</div>
		</header>
		<!--//////////////////////////////////////Menu-->
		<a href="#" class="nav-toggle">Toggle Navigation</a>
		<nav class="cmn-tile-nav">
			<ul class="clearfix">
				<li class="colour-1"><a href="index.jsp">首页</a></li>
				<li class="colour-2"><a href="gallery.jsp">下午茶</a></li>
				<li class="colour-7"><a href="staff.jsp">鲜果购</a></li>
				<li class="colour-5"><a href="reservation.jsp">精选小吃</a></li>
				<li class="colour-4"><a href="archive.jsp">超市</a></li>
				<li class="colour-6"><a href="news.jsp">精选介绍</a></li>
				<li class="colour-8"><a href="menu.jsp">购物车</a></li>
				<li class="colour-7"><a href="login.jsp">登录</a></li>
				<li class="colour-2"><a href="manager.jsp">用户管理</a></li>
				<li class="colour-1"><a href="order.jsp">查看订单</a></li>
			</ul>
		</nav>
		<!--////////////////////////////////////Container-->
		<section id="container" class="sub-page">
			<div class="wrap-container zerogrid">
				<div class="crumbs">
					<ul>
						<li><a href="index.jsp">首页</a></li>
						<li><a class="shopName"></a></li>
					</ul>
				</div>
				<div id="main-content" class="row wrap-box menuPage" style="padding-left: 5%;">
					<div class="row">
						<div class="col-1-3 col">
							<div class="wrap-col">
								<div class="box-item">
									<img src="http://p1.meituan.net/210.0/wmproduct/817dc769f3231a4260e640cc9b048550828152.jpg" alt="">
									<p class="name">椰香紫米小丸子（热）</p>
									<div class="num"><p class="shopCar">加入购物车</p>&nbsp;&nbsp;&nbsp;<p class="price" price="12">¥12</p></div>
									
								</div>
							</div>
						</div>
						<div class="col-1-3 col">
							<div class="wrap-col">
								<div class="box-item">
									<img src="http://p0.meituan.net/210.0/wmproduct/01e850b22c783dff27ec4d04cda6cfcb200115.jpg" alt="">
									<p class="name">朱古力美莓面包</p>
									<div class="num"><p class="shopCar">加入购物车</p>&nbsp;&nbsp;&nbsp;<p class="price" price="9.5">¥9.5</p></div>
									
								</div>
							</div>
						</div>
						<div class="col-1-3 col">
							<div class="wrap-col">
								<div class="box-item">
									<img src="http://p1.meituan.net/210.0/wmproduct/4e7d5c8c2c842cf051b53126f82051b7182735.jpg" alt="">
									<p class="name">白雪美莓面包</p>
									<div class="num"><p class="shopCar">加入购物车</p>&nbsp;&nbsp;&nbsp;<p class="price" price="9.5">¥9.5</p></div>
									
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-1-3 col">
							<div class="wrap-col">
								<div class="box-item">
									<img src="http://p0.meituan.net/210.0/wmproduct/090867dd13c71503509d3135964d49a5528473.jpg" alt="">
									<p class="name">咖啡奶酥可颂</p>
									<div class="num"><p class="shopCar">加入购物车</p>&nbsp;&nbsp;&nbsp;<p class="price" price="10">¥10</p></div>
								</div>
							</div>
						</div>
						<div class="col-1-3 col">
							<div class="wrap-col">
								<div class="box-item">
									<img src="http://p0.meituan.net/210.0/wmproduct/32fb52c1dec762040fab3abdff7124621218998.jpg" alt="">
									<p class="name">大阪烧面包</p>
									<div class="num"><p class="shopCar">加入购物车</p>&nbsp;&nbsp;&nbsp;<p class="price" price="8">¥8</p></div>
									
								</div>
							</div>
						</div>
						<div class="col-1-3 col">
							<div class="wrap-col">
								<div class="box-item">
									<img src="http://p1.meituan.net/210.0/wmproduct/85c9c7937abe2ef9fa5d1b68825a14df1163370.jpg" alt="">
									<p class="name">奶香四溢面包</p>
									<div class="num"><p class="shopCar">加入购物车</p>&nbsp;&nbsp;&nbsp;<p class="price" price="8">¥8</p></div>
									
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!--////////////////////////////////////Footer-->
		<footer class="zerogrid">
			<div class="wrap-footer">
				<div class="row">
					<div class="col-1-3">
				<div class="wrap-col">
				</div>
			</div>
			<div class="col-1-3">
				<div class="wrap-col">
					<h4>联系客服</h4>
					<p>0594-1234567</p>
					<p>周一至周日 9:00-23:00</p>
					<p>客服不受理商务合作</p>
				</div>
			</div>
				</div>
			</div>
			<div class="copyright">
				<div class="wrapper">
					<a target="_blank" href="#"></a>
					<ul class="quick-link f-right">
					</ul>
				</div>
			</div>
		</footer>


		<!-- js -->
		<script src="js/classie.js"></script>
		<script src="js/demo.js"></script>
		<script type="text/javascript">
			$(function() {
				$('.shopName').text(localStorage.shopName);
			});
		</script>
	</div>
</body>
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="//cdn.bootcss.com/jquery-confirm/3.1.0/jquery-confirm.min.js"></script>
<script src='js/stopExecutionOnTimeout.js?t=1'></script>
<script type="text/javascript" src="js/main.js"></script>
</html>